<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>列表页</title>
<link href="public/css/body.css" rel="stylesheet" type="text/css">
<link href="public/css/style.css" rel="stylesheet" type="text/css">
<script src="public/js/jquery-1.7.1.min.js"></script>
<script src="public/js/style.js"></script>
</head>
<body>
<!--头部-->
<div class="header width left">
	<ul>
    	<li class="sy-1"><h3><a href="">Jun</a></h3></li>
        <li class="sy-2"><a href="">管理后台</a></li>
        <li class="sy-3">
        	<a href="javascript:viod(0);"><span>全部分类</span><span class="caret"></span><span class="caret2"></span></a>  
        	<div>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                        </ul>
                    </dd>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                	</dd>
                </dl>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类三级分类</a></li>
                        </ul>
                    </dd>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                	</dd>
                </dl>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                    </dd>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                        </ul>
                	</dd>
                </dl>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                    </dd>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                	</dd>
                </dl>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                    </dd>
                </dl>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                    </dd>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                	</dd>
                </dl>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                        </ul>
                    </dd>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                	</dd>
                </dl>
            </div>
        </li>
        <li class="sy-4">
        	<a href="javascript:viod(0);"><span>超级管理员</span><span class="caret"></span><span class="caret2"></span></a>
        	<ul>
            	<li><a href="">修改资料</a></li>
                <li><a href="">退出登录</a></li>
            </ul>
      </li>
  </ul>
</div>
<!--左侧-->
<div class="left-1">
    <ul class="ul">
    	<li>
        	<a href="javascript:viod(0);"><span class="vi"></span>一级分类</a>
            <ul>
            	<li class="li bag"><a href="">二级分类</a></li>
                <li class="li"><a href="">二级分类</a></li>
                <li class="li"><a href="">二级分类</a></li>
                <li class="li"><a href="">二级分类</a></li>
            </ul>
        </li>
        <li>
        	<a href="javascript:viod(0);"><span class="vi"></span>一级分类</a>
            <ul>
            	<li class="li"><a href="">二级分类</a></li>
                <li class="li"><a href="">二级分类</a></li>
                <li class="li"><a href="">二级分类</a></li>
                <li class="li"><a href="">二级分类</a></li>
            </ul>
        </li>
    </ul>
</div>
<div class="left-2">
	<div class="top-3">三级分类</div>
    <div class="list">
    	<ul>
        	<li><a href="">标签一</a></li>
            <li class="tub"><a href="">标签二</a></li>
            <li><a href="">标签三</a></li>
            <li><a href="">标签四</a></li>
        </ul>
    </div>
</div>


<!--main-->
<style>body{background-color:#fff}</style>
<div class="main left">
	<div class="main-left width-100" style="margin-top:0px">
    	<div class="left_bor"><span> 文章 - 列表页 </span></div>
        <table class="table table-hover" border="0" cellspacing="0" cellpadding="0">
            <thead>
            <tr>
                <th>
                    <input name="ckSelectAll" id="ckSelectAll" type="checkbox">
                </th>
                <th>域名</th>
                <th>域名类型</th>
                <th>域名状态</th>
                <th>到期日期</th>
                <th class="text-right">操作</th>
            </tr>
            </thead>
            
            
            <tbody id="tbinfo">
            <tr>
            	<td><input name="ckbox" value="" type="checkbox"></td>
           		<td><a>junphp.com</a></td> 											
                <td>国际域名</td> 											
                <td><a>未实名认证</a></td>
                <td>2017-05-27</td> 
                <td class="text-right">
                	<a href="">续费</a><span class="text-explode">|</span><i class="link-space"></i>
                	<a href="">解析</a><span class="text-explode">|</span><i class="link-space"></i>
                    <a href="">管理</a>
                </td>										
            </tr>
            <tr>
            	<td><input name="ckbox" value="" type="checkbox"></td>
           		<td><a>junphp.com</a></td> 											
                <td>国际域名</td> 											
                <td><a>未实名认证</a></td>
                <td>2017-05-27</td> 
                <td class="text-right">
                	<a href="">续费</a><span class="text-explode">|</span><i class="link-space"></i>
                	<a href="">解析</a><span class="text-explode">|</span><i class="link-space"></i>
                    <a href="">管理</a>
                </td>										
            </tr>
            </tbody>
            
            
            <tfoot>
            <tr>
                <td width="10">
                    <input class="mydomain-checkbox" id="ckSelectAll2" name="ckSelectAll2" type="checkbox">
                </td>
                <td colspan="5">
                    <div class="pull-left">
                        <select name="" class="form-control inline-block" id="domainSelect">
                            <option value="">更多批量操作</option>
                            <option value="">移动</option>
                            <option value="">删除</option>
                            <option value="">修改</option>
                            <option value="">添加</option>
                        </select>
                    </div>
                    <div class="pull-right page-box">
                        <div class="pagination-info">共有2条，每页显示：20条</div>
                        <ul class="pagination">
                        <li><a>«</a></li>
                        <li><a>‹</a></li>
                        <li class="active"><a>1</a></li>
                        <li><a>2</a></li>
                        <li><a>3</a></li>
                        <li><a>›</a></li>
                        <li><a>»</a></li></ul>
                        <div class="pagination-goto">
                            <input class="ipt form-control2 left" id="gotoPageNo" type="text">
                            <button type="button" class="btn btn-default left" id="goBtn">GO</button>
                        </div>
                    </div>
                </td>
            </tr>
            </tfoot>
        </table>
    </div>
</div>

</body>
</html>
